import { Component } from "react";
import BordersCss from "./Borders.module.css";

export default class Borders extends Component {
    render() {
        console.log('children', this.props.children)
        return (
            <div className={BordersCss.border}>
                {this.props.children.tabs ? this.props.children.tabs : null}
                {this.props.children.search ? this.props.children.search : null}
                {this.props.children.content ? this.props.children.content : null}
            </div>
        );
    }
}
// export default function Borders(props) {
//     return (
//         <div className={Borders.border}>
//             {props.children}
//         </div>
//     );
// }